<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="core/templates/header.jsp"></jsp:include>
<link href="custom/plugin-module/owl.carousel/css/custom.css"
	rel="stylesheet">

<!-- Owl Carousel Assets -->
<link href="custom/plugin-module/owl.carousel/css/owl.carousel.css"
	rel="stylesheet">
<link href="custom/plugin-module/owl.carousel/css/owl.theme.css"
	rel="stylesheet">
</head>
<body class="header1 activateAppearAnimation">
	<div id="globalWrapper">
		<jsp:include page="core/templates/mainMenu.jsp"></jsp:include>
		<section id="rsDemoWrapper">

			<div class="tp-banner-container">
				<div class="tp-banner">
					<ul>
						<!-- SLIDE  -->
						<li data-transition="fade" data-slotamount="7"
							data-masterspeed="5000">
							<!-- MAIN IMAGE --> <img
							src="core/images/slider/rs-slider/demo/slidebg1.jpg"
							alt="slidebg1" data-bgfit="cover" data-bgposition="left top"
							data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 -->
							<div
								class="tp-caption lightgrey_divider skewfromrightshort customout"
								data-x="85" data-y="224"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1200" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 2"></div> <!-- LAYER NR. 2 -->
							<div class="tp-caption customin customout" data-x="center"
								data-hoffset="100" data-y="bottom" data-voffset="0"
								data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800" data-start="700" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								style="z-index: 3">
								<img src="core/images/slider/rs-slider/demo/woman.png" alt="">
							</div> <!-- LAYER NR. 3 -->
							<div
								class="tp-caption large_bold_grey skewfromrightshort customout"
								data-x="80" data-y="96"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="800" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 4">Slider
								Revolution</div> <!-- LAYER NR. 6 -->
							<div
								class="tp-caption medium_thin_grey skewfromleftshort customout"
								data-x="80" data-y="152"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="300" data-start="1100" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 7">Included</div> <!-- LAYER NR. 7 -->
							<div class="tp-caption small_thin_grey customin customout"
								data-x="80" data-y="240"
								data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1300" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 8">
								Slider Revolution is the highly acclaimed<br /> slide-based
								displaying solution, thousands of<br /> businesses, theme
								developers and everyday<br /> people use and love!
							</div> <!-- LAYER NR. 8 -->
							<div class="tp-caption skewfromrightshort customout" data-x="816"
								data-y="207"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1750" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 9">
								<img src="core/images/slider/rs-slider/demo/graph.png" alt=""
									data-ww="52" data-hh="44">
							</div> <!-- LAYER NR. 9 -->
							<div
								class="tp-caption large_bold_darkblue skewfromleftshort customout"
								data-x="right" data-hoffset="-90" data-y="60"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1600" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 10">1000's</div> <!-- LAYER NR. 10 -->
							<div
								class="tp-caption medium_bg_darkblue skewfromleftshort customout"
								data-x="right" data-hoffset="-90" data-y="125"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1650" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 11">Of Happy Users
							</div> <!-- LAYER NR. 11 -->
							<div
								class="tp-caption medium_bold_red skewfromrightshort customout"
								data-x="right" data-hoffset="-90" data-y="200"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1800" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 12">Rekord
								Breaking</div> <!-- LAYER NR. 12 -->
							<div
								class="tp-caption medium_light_red skewfromrightshort customout"
								data-x="right" data-hoffset="-90" data-y="center"
								data-voffset="-10"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1850" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 13">Sales on
								CodeCanyon</div> <!-- LAYER NR. 13 -->
							<div
								class="tp-caption medium_bg_red skewfromrightshort customout"
								data-x="right" data-hoffset="-90" data-y="bottom"
								data-voffset="-200"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1900" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 14">A Professional
								Solution</div> <!-- LAYER NR. 14 -->
							<div
								class="tp-caption medium_bold_orange skewfromleftshort customout"
								data-x="right" data-hoffset="-90" data-y="340"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="2000" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 15">
								4.7<span style="font-weight: 300;">/5 Stars</span>
							</div> <!-- LAYER NR. 15 -->
							<div class="tp-caption customin customout" data-x="right"
								data-hoffset="-90" data-y="bottom" data-voffset="-103"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="2050" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 16">
								<img src="core/images/slider/rs-slider/demo/star.png" alt=""
									data-ww="20" data-hh="20">
							</div> <!-- LAYER NR. 16 -->
							<div class="tp-caption customin customout" data-x="right"
								data-hoffset="-115" data-y="bottom" data-voffset="-103"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="2100" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 17">
								<img src="core/images/slider/rs-slider/demo/star.png" alt=""
									data-ww="20" data-hh="20">
							</div> <!-- LAYER NR. 17 -->
							<div class="tp-caption customin customout" data-x="right"
								data-hoffset="-140" data-y="bottom" data-voffset="-103"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="2150" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 18">
								<img src="core/images/slider/rs-slider/demo/star.png" alt=""
									data-ww="20" data-hh="20">
							</div> <!-- LAYER NR. 18 -->
							<div class="tp-caption customin customout" data-x="right"
								data-hoffset="-165" data-y="bottom" data-voffset="-103"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="2200" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 19">
								<img src="core/images/slider/rs-slider/demo/star.png" alt=""
									data-ww="20" data-hh="20">
							</div> <!-- LAYER NR. 19 -->
							<div class="tp-caption customin customout" data-x="right"
								data-hoffset="-190" data-y="bottom" data-voffset="-103"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="2250" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 20">
								<img src="core/images/slider/rs-slider/demo/star.png" alt=""
									data-ww="20" data-hh="20">
							</div> <!-- LAYER NR. 20 -->
							<div
								class="tp-caption medium_bg_orange skewfromleftshort customout"
								data-x="right" data-hoffset="-90" data-y="bottom"
								data-voffset="-50"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="2300" data-easing="Back.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 21">Customer
								Rating</div>
						</li>
						<!-- SLIDE  -->
						<li data-transition="zoomout" data-slotamount="7"
							data-masterspeed="1000">
							<!-- MAIN IMAGE --> <img
							src="core/images/slider/rs-slider/demo/darkblurbg.jpg"
							alt="darkblurbg" data-bgfit="cover" data-bgposition="left top"
							data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 -->
							<div class="tp-caption customin" data-x="474" data-y="189"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="800" data-easing="Power3.easeInOut"
								data-endspeed="300" style="z-index: 2">
								<img src="core/images/slider/rs-slider/demo/macbook2.png" alt="">
							</div> <!-- LAYER NR. 2 -->
							<div class="tp-caption customin" data-x="245" data-y="92"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="500" data-easing="Power3.easeInOut"
								data-endspeed="300" style="z-index: 3">
								<img src="core/images/slider/rs-slider/demo/imac1.png" alt="">
							</div> <!-- LAYER NR. 3 -->
							<div class="tp-caption customin" data-x="693" data-y="69"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1300"
								data-easing="Power3.easeInOut" data-endspeed="300"
								style="z-index: 4">
								<img src="core/images/slider/rs-slider/demo/lupe_macbook.png"
									alt="">
							</div> <!-- LAYER NR. 4 -->
							<div class="tp-caption customin" data-x="100" data-y="171"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1400"
								data-easing="Power3.easeInOut" data-endspeed="300"
								style="z-index: 5">
								<img src="core/images/slider/rs-slider/demo/lupe_imac.png"
									alt="">
							</div> <!-- LAYER NR. 5 -->
							<div class="tp-caption medium_bg_asbestos skewfromleft customout"
								data-x="104" data-y="154"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800" data-start="1500" data-easing="Power4.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								data-captionhidden="on" style="z-index: 6">Cool animation</div>
							<!-- LAYER NR. 6 -->
							<div class="tp-caption medium_bg_red skewfromright customout"
								data-x="820" data-y="274"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800" data-start="1700" data-easing="Power4.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								data-captionhidden="on" style="z-index: 7">Instant wow
								effect!</div> <!-- LAYER NR. 7 -->
							<div class="tp-caption medium_bg_orange skewfromright customout"
								data-x="820" data-y="314"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800" data-start="1800" data-easing="Power4.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								data-captionhidden="on" style="z-index: 8">don't you love
								it?</div> <!-- LAYER NR. 8 -->
							<div class="tp-caption medium_bg_darkblue skewfromleft customout"
								data-x="168" data-y="193"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800" data-start="1600" data-easing="Power4.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								data-captionhidden="on" style="z-index: 9">With Style</div> <!-- LAYER NR. 9 -->
							<div class="tp-caption medium_light_white customin customout"
								data-x="500" data-y="51"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1100" data-easing="Back.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								style="z-index: 10">Be</div> <!-- LAYER NR. 10 -->
							<div class="tp-caption large_bold_white customin customout"
								data-x="536" data-y="51"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1200" data-easing="Back.easeOut"
								data-endspeed="300" data-endeasing="Power1.easeIn"
								style="z-index: 11">หางาน</div>
						</li>
						<!-- SLIDE  -->
						<li data-transition="slidedown" data-slotamount="7"
							data-masterspeed="1000">
							<!-- MAIN IMAGE --> <img
							src="core/images/slider/rs-slider/demo/transparent.png"
							style='background-color: #b2c4cc' alt="" data-bgfit="cover"
							data-bgposition="left top" data-bgrepeat="no-repeat"> <!-- LAYERS -->

							<!-- LAYER NR. 1 -->
							<div class="tp-caption customin skewtoleft" data-x="877"
								data-y="54"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1500" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 2">
								<img src="core/images/slider/rs-slider/demo/cloud2.png" alt="">
							</div> <!-- LAYER NR. 2 -->
							<div class="tp-caption customin skewtoleft" data-x="84"
								data-y="80"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1300" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 3">
								<img src="core/images/slider/rs-slider/demo/cloud3.png" alt="">
							</div> <!-- LAYER NR. 3 -->
							<div class="tp-caption customin skewtoleft" data-x="473"
								data-y="123"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1700" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 4">
								<img src="core/images/slider/rs-slider/demo/cloud1.png" alt="">
							</div> <!-- LAYER NR. 4 -->
							<div class="tp-caption sfb ltl" data-x="639" data-y="346"
								data-speed="600" data-start="1200" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								data-captionhidden="on" style="z-index: 5">
								<img src="core/images/slider/rs-slider/demo/hill3.png" alt="">
							</div> <!-- LAYER NR. 5 -->
							<div class="tp-caption sfb ltl" data-x="228" data-y="360"
								data-speed="600" data-start="1100" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								data-captionhidden="on" style="z-index: 6">
								<img src="core/images/slider/rs-slider/demo/hill4.png" alt="">
							</div> <!-- LAYER NR. 6 -->
							<div class="tp-caption grassfloor lfb ltb" data-x="center"
								data-hoffset="0" data-y="bottom" data-voffset="50"
								data-speed="600" data-start="500" data-easing="Back.easeOut"
								data-endspeed="600" data-endeasing="Power4.easeIn"
								data-captionhidden="on" style="z-index: 7"></div> <!-- LAYER NR. 7 -->
							<div class="tp-caption sfb ltl" data-x="142 งาน" data-y="375"
								data-speed="600" data-start="800" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								data-captionhidden="on" style="z-index: 8">
								<img src="core/images/slider/rs-slider/demo/hill2.png" alt="">
							</div> <!-- LAYER NR. 8 -->
							<div class="tp-caption sfb ltl" data-x="496" data-y="367"
								data-speed="600" data-start="900" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								data-captionhidden="on" style="z-index: 9">
								<img src="core/images/slider/rs-slider/demo/hill1.png" alt="">
							</div> <!-- LAYER NR. 9 -->
							<div class="tp-caption sfb ltl" data-x="918" data-y="379"
								data-speed="600" data-start="1000" data-easing="Back.easeOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								data-captionhidden="on" style="z-index: 10">
								<img src="core/images/slider/rs-slider/demo/hill2.png" alt="">
							</div> <!-- LAYER NR. 10 -->
							<div class="tp-caption lfb skewtoleft" data-x="122" data-y="133"
								data-speed="2000" data-start="1300" data-easing="Power4.easeOut"
								data-endspeed="400" data-endeasing="Power1.easeIn"
								style="z-index: 11">
								<img src="core/images/slider/rs-slider/demo/guy1.png" alt="">
							</div> <!-- LAYER NR. 12 -->
							<div class="tp-caption customin ltl" data-x="769" data-y="177"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1000" data-start="2000" data-easing="Back.easeInOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 13">
								<img src="core/images/slider/rs-slider/demo/clock.png" alt="">
							</div> <!-- LAYER NR. 13 -->
							<div class="tp-caption large_bold_white customin ltl"
								data-x="620" data-y="101"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1000" data-start="1850" data-easing="Back.easeInOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 14">Design</div> <!-- LAYER NR. 14 -->
							<div class="tp-caption medium_light_white customin ltl"
								data-x="813" data-y="124"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1000" data-start="1900" data-easing="Back.easeInOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 15">&</div> <!-- LAYER NR. 15 -->
							<div class="tp-caption large_bold_white customin ltl"
								data-x="845" data-y="102"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1000" data-start="1950" data-easing="Back.easeInOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 16">Create</div> <!-- LAYER NR. 16 -->
							<div class="tp-caption mediumlarge_light_white customin ltl"
								data-x="652" data-y="282"
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1000" data-start="2050" data-easing="Back.easeInOut"
								data-endspeed="400" data-endeasing="Back.easeIn"
								style="z-index: 17">With Total Layer Control</div>
						</li>

						<!-- SLIDE  -->
						<li data-transition="zoomin" data-slotamount="7"
							data-masterspeed="600">
							<!-- MAIN IMAGE --> <img
							src="core/images/slider/rs-slider/demo/videobg1.jpg"
							alt="videobg1" data-bgfit="cover" data-bgposition="left top"
							data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 -->
							<div class="tp-caption medium_bg_darkblue sfr customout"
								data-x="149" data-y="88"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1600" data-easing="Power4.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 2">Extensive
								Video Support</div> <!-- LAYER NR. 2 -->
							<div class="tp-caption medium_bg_red sfr customout" data-x="293"
								data-y="130"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1700" data-easing="Power4.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 3">Youtube
							</div> <!-- LAYER NR. 3 -->
							<div class="tp-caption medium_bg_red sfr customout" data-x="304"
								data-y="173"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1800" data-easing="Power4.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 4">Vimeo
							</div> <!-- LAYER NR. 4 -->
							<div class="tp-caption medium_bg_red sfr customout" data-x="184"
								data-y="216"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="1900" data-easing="Power4.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 5">Self-Hosted
								HTML 5</div> <!-- LAYER NR. 5 -->
							<div class="tp-caption medium_bg_orange sfr customout"
								data-x="90" data-y="357"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500" data-start="2200" data-easing="Power4.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 6">Next
								Slide: Full Screen Video</div> <!-- LAYER NR. 6 -->
							<div class="tp-caption sft customout" data-x="399" data-y="385"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1000" data-start="1500" data-easing="Back.easeOut"
								data-endspeed="500" data-captionhidden="on" style="z-index: 7">
								<img src="core/images/slider/rs-slider/demo/videoshadow.png"
									alt="">
							</div> <!-- LAYER NR. 7 -->
							<div class="tp-caption customin customout" data-x="center"
								data-hoffset="134" data-y="center" data-voffset="-6"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="600" data-start="1000" data-easing="Power4.easeOut"
								data-endspeed="500" data-endeasing="Power4.easeOut"
								data-autoplay="false" data-autoplayonlyfirsttime="false"
								style="z-index: 8">
								<iframe
									src='http://player.vimeo.com/video/76512663?title=0&byline=0&portrait=0;api=1'
									width='640' height='360' style='width: 640px; height: 360px;'></iframe>
							</div>
						</li>
						<!-- SLIDE  -->
						<li data-transition="zoomout" data-slotamount="7"
							data-masterspeed="1000">
							<!-- MAIN IMAGE --> <img
							src="core/images/slider/rs-slider/demo/transparent.png" alt=""
							data-bgfit="cover" data-bgposition="left top"
							data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 -->
							<div class="tp-caption customin fullscreenvideo" data-x="0"
								data-y="0"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="700" data-start="500" data-easing="Power4.easeInOut"
								data-endspeed="700" data-autoplay="false"
								data-autoplayonlyfirsttime="false" style="z-index: 2">
								<iframe
									src='http://player.vimeo.com/video/76995667?title=0&byline=0&portrait=0;api=1'
									width='100%' height='100%'
									style='width: 100% px; height: 100% px;'></iframe>
							</div>
						</li>
					</ul>
					<div class="tp-bannertimer"></div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<section style="background: url('core/images/feature.png') repeat;">
			<div class="container pb15 pt15">
				<div class="row">

					<div class="col-md-12 text-center">
						<h1>คุณต้องการ...?</h1>
					</div>
				</div>
				<div class="row mb15">
					<div class="col-md-6">
						<div class="boxIconServices posLeft clearfix">
							<i class="icon-briefcase iconBig iconRounded"></i>
							<div class="boxContent">
								<h2>หางานทำ</h2>
								<p style="bottom: -50px;">คุณสามารถประกาศงานหรือโครงการ
									เพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของคุณเพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของคุณเพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของ</p>
							</div>
						</div>
					</div>

					<div class="col-md-6">
						<div class="boxIconServices clearfix">
							<i class="icon-edit iconBig iconRounded"></i>
							<div class="boxContent">
								<h2>หาคนทำงาน</h2>
								<p style="bottom: -50px;">คุณสามารถประกาศงานหรือโครงการ
									เพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของคุณเพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของคุณเพื่อตามหาผู้มีความสามารถที่ตรงตามความต้องการของ</p>
							</div>
						</div>
					</div>

				</div>
			</div>
		</section>

		<section id="services" class="pt05 colorYelow">
			<div class="container pb05 pt15">
				<div class="row">

					<h2>ค้นหางานตามหมวดหมู่</h2>

					<div id="demo">
						<div class="container">
							<div class="row">
								<div class="span12">

									<div id="job-aptitudeType" class="owl-carousel">

										<div class="item darkCyan" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_it.png" alt="Touch">
												<h3>ไอทีและคอมพิวเตอร์</h3>
												<h4>การสร้างเว็บไซต์,การเขียนโปรแกรม..</h4></a>
										</div>
										<div class="item darkGreen" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_art.png" alt="Touch">
												<h3>ศิลปะและการออกแบบ</h3>
												<h4>วาดภาพ,ออกแบบภายใน,สถาปัตย์...</h4></a>
										</div>
										<div class="item forestGreen" data-nekoanim="bounceIn"
											data-nekodelay="3">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_translate.png"
												alt="Touch">
												<h3>การแปลภาษา</h3>
												<h4>ภาษาอังฤษ,ภาษาจีน,ภาษาญี่ปุ่น...</h4></a>
										</div>
										<div class="item orange" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_pencil.png" alt="Touch">
												<h3>งานเขียน</h3>
												<h4>การเชียนเชิงวิชาการ,บทความ...</h4></a>
										</div>
										<div class="item yellow" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_project.png" alt="Touch">
												<h3>โปรเจ็กและโครงงาน</h3>
												<h4>โปรเจ็กจบ,โครงงาน...</h4></a>
										</div>
										<div class="item dodgerBlue" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_camera.png"
												alt="Multi">
											<h3>กราฟิก ภาพถ่าย</h3>
											<h4>การตกแต่งรูปภาพ,ถ่ายภาพงานต่างๆ...</h4>
										</div>

										<div class="item red" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_keyborad.png"
												alt="Modern Browsers">
											<h3>การคีย์ข้อมูล</h3>
											<h4>การคีย์ข้อมูลเอกสาร</h4>
										</div>

										<div class="item zombieGreen" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_tree.png"
												alt="Zombie Browsers - old ones">
											<h3>บริหารและการบัญชี</h3>
											<h4>ด้านการบริการ,ด้านการทำบัญชีตางๆ...</h4>
										</div>

										<div class="item violet" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_product.png"
												alt="Take Control">
											<h3>สินค้าและการบริการ</h3>
											<h4>จำหน่ายสินค้า....</h4>
										</div>

										<div class="item steelGray" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_science.png"
												alt="Light">
											<h3>วิทยาศาสตร์</h3>
											<h4>As a feather</h4>
										</div>

										<div class="item yellowLight" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_tech.png"
												alt="Tons of Opotions">
											<h3>สอนพิเศษ</h3>
											<h4>วิทยาศาสตร์,คณิตศาสตร์,ภาษา...</h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<script
						src="custom/plugin-module/owl.carousel/js/jquery-1.9.1.min.js"></script>
					<script
						src="custom/plugin-module/owl.carousel/js/owl.carousel.min.js"></script>

					<!-- Frontpage Demo -->
					<script>
						$(document).ready(function($) {
							$("#job-aptitudeType").owlCarousel();
						});
						$("body").data("page", "frontpage");
					</script>
				</div>
			</div>
		</section>

		<section id="content" class="pt30 pb15"
			style="background-color: rgba(226, 231, 238, 0.58); color: #000;">
			<div class="container">
				<div class="row mb15">
					<div class="col-md-12">
						<div class="row mb15">
							<div class="col-md-12">
								<h2>ข้อมูลงาน</h2>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="color0 boxcontent">
									<div class="row">
										<div class="col-md-12">
											<ul class="nav nav-tabs" id="myTab">
												<li class="active"><a href="#jobUrgentTab"
													data-toggle="tab"><b>งานเร่งด่วน</b> <span
														class="badge">42</span> </a></li>
												<li class=""><a href="#jobSuggestTab" data-toggle="tab"><b>งานใหม่แนะนำ</b>
														<span class="badge">42</span> </a></li>
											</ul>

											<div class="tab-content">
												<!-- tab 1 -->
												<div class="tab-pane active fade in" id="jobUrgentTab">
													<div class="row">
														<div class="col-md-3">
															<div class="row mb15">
																<div class="col-md-12">
																	<ul class="nav nav-pills nav-stacked">
																		<li class="borderli"><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_imac.png"
																				alt="" style="width: 20px; float: left">&nbsp;ไอทีและการพัฒนาซอฟต์แวร์
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli"><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_palette.png"
																				alt="" style="width: 20px; float: left">&nbsp;การออกแบบ
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli"><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_book.png"
																				alt="" style="width: 20px; float: left">&nbsp;การแปลภาษา
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli  active"><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_pencil.png"
																				alt="" style="width: 20px; float: left">&nbsp;งานเขียน/การรวบรวมเนื้อหา
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_sketchbook.png"
																				alt="" style="width: 20px; float: left">&nbsp;โปรเจ็ก/โครงงาน
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_camera.png"
																				alt="" style="width: 20px; float: left">&nbsp;ภาพถ่าย/กราฟฟิก
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_user5.png"
																				alt="" style="width: 20px; float: left">&nbsp;การคีย์ข้อมูลเอกสาร
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_tree-money.png"
																				alt="" style="width: 20px; float: left">&nbsp;ธุรการ
																				บริหารและการบัญชี <span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_shopping-bag-full.png"
																				alt="" style="width: 20px; float: left">&nbsp;สินค้าและบริการ
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_molecular.png"
																				alt="" style="width: 20px; float: left">&nbsp;วิศวกรรมและวิทยาศาสตร์
																				<span class="badge">42 งาน</span>
																		</a></li>
																		<li class="borderli "><a href="#newsTab"
																			data-toggle="tab"> <img
																				class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_user8.png"
																				alt="" style="width: 20px; float: left">&nbsp;สอนพิเศษ
																				<span class="badge">42 งาน</span>
																		</a></li>
																	</ul>
																</div>
															</div>
															<div class="row hidden-xs hidden-sm">
																<div class="col-md-12">
																	<span class="font4"><b>งานใหม่ล่าสุด</b></span>
																</div>
															</div>
															<div class="row">
																<div class="col-md-12 hidden-xs hidden-sm">
																	<small><ul
																			class="list-unstyled iconList borderList">
																			<li><a href="#" class="">รับเขียนแบบอาคาร
																					ขออนุญาตก่อสร้าง แบบ</a></li>
																			<li><a href="#" class="">รับพัฒนา Android
																					IOS พร้อมระบบ</a></li>
																			<li><a href="#" class="">รับเขียนเว็บไซต์
																					ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
																			<li><a href="#" class="">รับทำ 3D,2D
																					Animation Model Character</a></li>
																			<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
																			<li><a href="#" class="">รับเขียนแบบอาคาร
																					ขออนุญาตก่อสร้าง แบบ </a></li>
																			<li><a href="#" class="">รับพัฒนา Android
																					IOS พร้อมระบบ</a></li>
																			<li><a href="#" class="">รับเขียนเว็บไซต์
																					ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
																			<li><a href="#" class="">รับทำ 3D,2D
																					Animation Model Character</a></li>
																			<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
																			<li><a href="#" class="">รับเขียนแบบอาคาร
																					ขออนุญาตก่อสร้าง แบบ</a></li>
																			<li><a href="#" class="">รับพัฒนา Android
																					IOS พร้อมระบบ</a></li>
																			<li><a href="#" class="">รับเขียนเว็บไซต์
																					ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
																			<li><a href="#" class="">รับทำ 3D,2D
																					Animation Model Character</a></li>
																			<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
																		</ul></small>
																</div>
															</div>

														</div>
														<div class="col-md-9">
															<div class="tab-content">
																<div class="tab-pane fade active in" id="newsTab">
																	<div class="row">
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-Cll"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																		<div class="col-md-6  mt05">
																			<div class="media">
																				<a class="pull-left" href="#"> <img
																					class="media-object img-thumbnail"
																					data-src="holder.js/64x64" alt="64x64"
																					src=""
																					style="width: 64px; height: 64px;">
																				</a>
																				<div class="media-body">
																					<h4 class="media-heading">
																						<b>ต้องการ Outsource Developer หล...</b>
																						<ul class="entry-meta">
																							<li class="entry-date"><a href="#"><i
																									class="icon-pin"></i>&nbsp;12 ต.ค. 2027</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class="glyphicon glyphicon-bell"></i>&nbsp;12
																									การร้องขอ</a></li>
																							<li class="entry-comments"><a href="#"><i
																									class=" glyphicon glyphicon-tag"></i>&nbsp;5,000-8,000
																									฿</a></li>
																						</ul>
																					</h4>
																					Cras sit amet nibh libero, in gravida nulla. Nulla
																					vel metus... <a href="#"><small>อ่านต่อ</small></a>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="tab-pane fade" id=""></div>
																<div class="tab-pane fade" id=""></div>
																<div class="tab-pane fade" id=""></div>
																<div class="tab-pane fade" id=""></div>
																<div class="tab-pane fade" id=""></div>
																<div class="tab-pane fade" id=""></div>
															</div>
														</div>
													</div>
												</div>

												<!-- tab 2 -->
												<div class="tab-pane fade" id="jobSuggestTab">
													<div class="row mt05">
														<div class="col-md-12">
															<div class="table-responsive">
																<table class="table table-striped table-hover">
																	<thead>
																		<tr class="filters">
																			<th class="textCenter">ชื่องาน</th>
																			<th class="textCenter">ทักษะที่เกี่ยวข้อง</th>
																			<th class="textCenter">ความน่าเชื่อถือ</th>
																			<th class="textCenter">จำนวนผู้ร้องขอ</th>
																			<th class="textCenter">ราคางาน</th>
																			<th class="textCenter">ระยะเวลาทำงาน</th>
																			<th class="textCenter">วันที่ประกาศ</th>


																		</tr>
																	</thead>
																	<tbody>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter textColorYelow"><small><span>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i
																						class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																		<tr>
																			<td><a href="#"><small><b>หา
																							Freelance ทำระบบ e-comfdfddmerce...</b></small> </a></td>
																			<td class="textCenter"><small>PHP, Java,
																					Mobile Phone, Software Architecture,</small></td>
																			<td class="textCenter"><small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span><br> </small></td>
																			<td class="textCenter"><small></small>3</td>
																			<td class="textCenter"><small>4,000 -
																					8,000</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14
																					- 12 ส.ค. 14</small></td>
																			<td class="textCenter"><small>30 ก.ค. 14</small></td>
																		</tr>
																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section id="services" class="pt05 color027373">
			<div class="container pb05 pt15">
				<div class="row">
					<h2 class="textColorWhite">ค้นหางานตามหมวดหมู่</h2>
					<div id="demo">
						<div class="container">
							<div class="row">
								<div class="span12">

									<div id="service-aptitudeType" class="owl-carousel">

										<div class="item darkCyan" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_it.png" alt="Touch">
												<h3>ไอทีและคอมพิวเตอร์</h3>
												<h4>การสร้างเว็บไซต์,การเขียนโปรแกรม..</h4></a>
										</div>
										<div class="item darkGreen" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_art.png" alt="Touch">
												<h3>ศิลปะและการออกแบบ</h3>
												<h4>วาดภาพ,ออกแบบภายใน,สถาปัตย์...</h4></a>
										</div>
										<div class="item forestGreen" data-nekoanim="bounceIn"
											data-nekodelay="3">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_translate.png"
												alt="Touch">
												<h3>การแปลภาษา</h3>
												<h4>ภาษาอังฤษ,ภาษาจีน,ภาษาญี่ปุ่น...</h4></a>
										</div>
										<div class="item orange" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_pencil.png" alt="Touch">
												<h3>งานเขียน</h3>
												<h4>การเชียนเชิงวิชาการ,บทความ...</h4></a>
										</div>
										<div class="item yellow" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<a href="#"> <img
												src="core/images/menu_cat_index/cat_project.png" alt="Touch">
												<h3>โปรเจ็กและโครงงาน</h3>
												<h4>โปรเจ็กจบ,โครงงาน...</h4></a>
										</div>
										<div class="item dodgerBlue" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_camera.png"
												alt="Multi">
											<h3>กราฟิก ภาพถ่าย</h3>
											<h4>การตกแต่งรูปภาพ,ถ่ายภาพงานต่างๆ...</h4>
										</div>

										<div class="item red" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_keyborad.png"
												alt="Modern Browsers">
											<h3>การคีย์ข้อมูล</h3>
											<h4>การคีย์ข้อมูลเอกสาร</h4>
										</div>

										<div class="item zombieGreen" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_tree.png"
												alt="Zombie Browsers - old ones">
											<h3>บริหารและการบัญชี</h3>
											<h4>ด้านการบริการ,ด้านการทำบัญชีตางๆ...</h4>
										</div>

										<div class="item violet" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_product.png"
												alt="Take Control">
											<h3>สินค้าและการบริการ</h3>
											<h4>จำหน่ายสินค้า....</h4>
										</div>

										<div class="item steelGray" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_science.png"
												alt="Light">
											<h3>วิทยาศาสตร์</h3>
											<h4>As a feather</h4>
										</div>

										<div class="item yellowLight" data-nekoanim="bounceIn"
											data-nekodelay="1">
											<img src="core/images/menu_cat_index/cat_tech.png"
												alt="Tons of Opotions">
											<h3>สอนพิเศษ</h3>
											<h4>วิทยาศาสตร์,คณิตศาสตร์,ภาษา...</h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<script
						src="custom/plugin-module/owl.carousel/js/jquery-1.9.1.min.js"></script>
					<script
						src="custom/plugin-module/owl.carousel/js/owl.carousel.min.js"></script>

					<!-- Frontpage Demo -->
					<script>
						$(document).ready(function($) {
							$("#service-aptitudeType").owlCarousel();
						});
						$("body").data("page", "frontpage");
					</script>
				</div>
			</div>
		</section>

		<section id="content" class="pb15"
			style="background-color: rgba(226, 231, 238, 0.58); color: #000;">
			<div class="container">
				<div class="row mt30">
					<div class="col-md-12 ">
						<h2>ข้อมูลบริการ</h2>
					</div>
				</div>
				<div class="row mt15">
					<div class="col-md-12">
						<div class="color0 boxcontent">
							<div class="row mt05">
								<div class="col-md-12">
									<ul class="nav nav-tabs" id="myTab">
										<li class="active"><a href="#successTab"
											data-toggle="tab">บริการยอดนิยม <span class="badge">42</span>
										</a></li>
										<li class=""><a href="#serviceSuggestTab"
											data-toggle="tab">บริการใหม่แนะนำ <span class="badge">42</span>
										</a></li>
									</ul>

									<div class="tab-content">
										<!-- tab 1 -->
										<div class="tab-pane active fade in" id="successTab">
											<div class="row">
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
												<div class="col-md-4 mb05">
													<div class="media">
														<a class="pull-left" href="#"> <img
															src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
															alt="" class="img-circle img-responsive" width="64px"
															height="64px">
															<p align="center">Thanet.k</p>
														</a>
														<div class="media-body">
															<h4 class="media-heading">
																<b class="textColorBlack">รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b><br>
																<ul class="entry-meta">
																	<li class="entry-comments"><a href="#"><i
																			class="glyphicon glyphicon-bell"></i>&nbsp;ผู้ร้องขอ
																			12 คน</a></li>
																	<li class="entry-comments"><a href="#"><i
																			class=" glyphicon glyphicon-tag"></i>&nbsp;วันละ 100
																			บาท ฿</a></li>
																</ul>
																<b class="textColorBlack">ความน่าเชื่อถือ : </b><small><span
																	class="textColorYelow"> <i class="icon-star"></i>
																		<i class="icon-star"></i> <i class="icon-star"></i> <i
																		class="icon-star-half-alt"></i> <i
																		class="icon-star-empty"></i>
																</span><br> </small> Cras sit amet nibh libero, in gravida nulla.
																Nulla vel metus...<a href="#">อ่านต่อ</a>
															</h4>
														</div>
													</div>
												</div>
											</div>
										</div>

										<!-- tab 2 -->
										<div class="tab-pane fade" id="serviceSuggestTab">
											<div class="row">
												<div class="col-md-12">
													<div class="table-responsive">
														<table class="table table-striped table-hover">
															<thead>
																<tr class="filters">
																	<th class="textCenter">ชื่อบริการ</th>
																	<th class="textCenter">ทักษะที่เกี่ยวข้อง</th>
																	<th class="textCenter">ความน่าเชื่อถือ</th>
																	<th class="textCenter">ค่าบริการ</th>
																	<th class="textCenter">วันที่ประกาศ</th>


																</tr>
															</thead>
															<tbody>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
																<tr>
																	<td><a href="#"><small><b>รับทำเว็บไซต์เกี่ยวกับสินค้าออนไลน์ทุกรูปแบบ</b></small>
																	</a></td>
																	<td class="textCenter"><small>PHP, Java,
																			Mobile Phone...</small></td>
																	<td class="textCenter"><small><span
																			class="textColorYelow"> <i class="icon-star"></i>
																				<i class="icon-star"></i> <i class="icon-star"></i>
																				<i class="icon-star-half-alt"></i> <i
																				class="icon-star-empty"></i>
																		</span><br> </small></td>
																	<td class="textCenter"><small>วันละ 100
																			บาท</small></td>
																	<td class="textCenter"><small>30 ก.ค. 14</small></td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<jsp:include page="core/templates/footer.jsp" />
	</div>
</body>
</html>